<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用积分</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--公共js-->
    <script src="../js/public.js"></script>
    <!--公共css-->
    <link rel="stylesheet" href="../css/pubic.css">
    <!--本页面css-->
    <link rel="stylesheet" href="../css/index.css">
</head>
<body style="background: #f6f6f6">
<div class="myUseJF-box">
    <div class="myRec-box-lists myJiF-box-lists" >
        <ul class="myRec-box-list">
            <li>
                <span>联系客户了解积分使用规则</span>
                <span></span>
            </li>
        </ul>
    </div>
    <!--遮罩层-->
    <div class="myUseJF-box-layer">
        <div class="box-layer">
            <p>联系客服</p>
            <span>联系客服了解积分使用详情</span>
            <img src="../images/3.jpg" alt="">
            <i>（识别客服二维码）</i>
            <b class="x"></b>
        </div>
    </div>

</div>

<!--jquery.js-->
<script src="../js/jquery-3.0.0.min.js"></script>
<!--引入handlebars渲染模板-->
<script src="../js/handlebars-v4.0.10.js"></script>
<!--接口配置文件-->
<script src="../js/config.js"></script>
<!--引入本页面js-->
<script src="../js/index.js"></script>
<script>
    $('.myRec-box-list li').on('click',function () {
        $('.myUseJF-box-layer').toggle()
    });
    $('.x').on('click',function () {
        $('.myUseJF-box-layer').toggle()
    });
</script>
</body>
</html>